<template>

	<div class="sjxq">
		<div class="header">
			<router-link to="/">
				<img src="../assets/jtz.png" alt="">
			</router-link>
			<p id="xq">商家详情</p>
		</div>
		<!-- ************************************************* -->
		<div class="huodong">
			<div>
				<span style="font-size: 1.3rem;border-bottom: 1px solid rgba(0,0,0,0.09);">活动与属性</span> 
				<ul class="huo1">
					<li>你好德玛西亚</li>
					<li>世界诺克萨斯</li>
					<li>爱你艾欧尼亚</li>
					<li>世界世界祖安</li>
				</ul>
			</div>
		</div>
		<!-- ************************************************* -->
		<div class="jiandu" style="position: relative;">
			<router-link to="">
				<div class="jd" style="border-bottom: 1px solid rgba(0,0,0,0.04);"> 
					<span style="font-size: 1.2rem;position: absolute;top: 0;left: 1rem;">食品监督安全公示</span> 
					<span style="position: absolute; top:0;right: 2rem;color: #999999;">企业认证详情</span>
					<img src="../assets/jiantou.png" alt="" style="width: 1.5rem;position: absolute;right: 0.5rem;top: 0.5rem;">
				</div>
			</router-link>
			<hr>
			<div style="padding-bottom: 1rem;">
				<img src="../assets/eleme.png" alt="" style="width: 4rem;margin-top: 0.5rem;">
				<ul style="display: inline-block;margin-left: 1rem;">
					<li style="font-size: 0.3rem;">监督检查结果：差</li>
					<li style="font-size: 0.3rem;margin-top: 0.5rem;">检查日期:</li>
				</ul>
			</div>
		</div>

		<div class="sjxx" style="width: 100%;background: white;">
			<span style="border-bottom: 1px solid #999999;width: 100%;padding-left: 1rem;font-size: 1.3rem;line-height: 1.3rem;height: 2rem;padding-top: 1rem;display: block;">商家信息</span>
			<p>****</p>
			<p>地址:*******</p>
			<p>营业时间:[*******]</p>
			<p>营业执照
			<img src="../assets/jiantou.png" alt="" style="width: 1.5rem;float: right;">
			</p>
			<p style="border: 0;">餐饮许可证
			<img src="../assets/jiantou.png" alt="" style="width: 1.5rem;float: right;"></p>
		</div>
	</div>

</template>
<script>


</script>

<style scoped>
	* {
		padding: 0;
		margin: 0;
		list-style: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	.sjxq {
		overflow: hidden;
		width: 100%;
		background: rgba(0,0,0,0.1);
	}
	
	.header {
		position: fixed;
		height: 3rem;
		background: #3190e8;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000000;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
	}

	.header img {
		position: absolute;
		top: 0;
		left: 0;
		width: 2.6rem;
	}

	#xq {
		font-size: 1.3rem;
		color: white;
		font-weight: 570;
		margin: 0 auto;
	}

	.huodong {
		width: 100%;
		background: white;
		margin-top: 4rem;
		padding-top: 0.4rem;
	}

	.huodong span {
		display: block;
		margin-bottom: 0.4rem;
		padding-left: 1rem;
		padding-bottom: 0.5rem;
	}

	.huo1 {
		margin: 0 1rem;
		padding-bottom: 1rem;
	}

	.huo1 ul {
		display: block;
		margin-top: 3rem;
	}

	.huodong ul>li {
		margin-top: 0.5rem;
		font-size: 0.8rem;
	}

	/* ******************* */
	.jiandu {
		background: white;
		margin-top: 1rem;
	}

	.jd {
		width: 100%;
		height: 2.5rem;
		line-height: 2.5rem;
	}

	/* *********************************** */
	.sjxx {
		background: red;
		margin-top: 1rem;
	}

	.sjxx p {
		font-size: 1rem;
		margin-left: 1rem;
		border-bottom: 1px solid #999999;
		padding: 1rem 0;
	}
</style>
